<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
</head>
<body>
<div id="app"></div>
<script>
  <!--  Vue的基本使用,传入一个配置对象 -->
  const vm = new Vue({
  //  1.要操作的对象,①可以是HTML元素 ②也可以是选择器选中的对象
  //   el:'#app',
    el:document.getElementById('app'),
  //  2.数据项(存储数据)
    data:{
      title:'初识Vue',
      msg:'Hello,Vue!'
    },
  //  3.template模板，将el所绑定的dom元素替换为template中的内容
  //  注意：内容只能有一个根标签
    template:`
      <div>
        <p>{{title}}</p>
        <p>{{msg}}</p>
      </div>`
  })

</script>
</body>
</html>